<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			h2,img{
				font-size: 16px;
				color: white;
				text-indent: 1em;
				line-height: 30px;
				background: green;
				background-image: url(img/bang.gif);
				background-repeat: no-repeat;
				background-position: 27% 100%;
				/*vertical-align: top;*/
				background-size: contain;
			}
			ul{
				background: linear-gradient(#F9FBCB,#F8F8F3);
				font-size: 12px;
				line-height: 28px;
			}
			 a{
				color: #1A66B3;
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
			}
			li{
				list-style: none;
			}
			li,img{
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<h2>畅书书排行 <img src="img/image/bang.gif"></h2>
		<ul>
			<li>
				<img src="img/image/book_no01.gif" />
				<a href="#">不抱怨的世界（…</a>
			</li>
			<li>
				<img src="img/image/book_no02.gif" />
				<a href="#">遇见未知的自己（…</a>
			</li>
			<li>
				<img src="img/image/book_no03.gif" />
				<a href="#">活法（…</a>
			</li>
			<li>
				<img src="img/image/book_no04.gif" />
				<a href="#">高效能人士的七个习惯（…</a>
			</li>
			<li>
				<img src="img/image/book_no05.gif" />
				<a href="#">被迫强大（…</a>
			</li>
			<li>
				<img src="img/image/book_no06.gif" />
				<a href="#">遇见心想事成的自己（…</a>
			</li>
			<li>
				<img src="img/image/book_no07.gif" />
				<a href="#">世界上最伟大的推销员（…</a>
			</li>
			<li>
				<img src="img/image/book_no08.gif" />
				<a href="#">我的成功可以复制（…</a>
			</li>
			<li>
				<img src="img/image/book_no09.gif" />
				<a href="#">少有人走的路（…</a>
			</li>
			<li>
				<img src="img/image/book_no10.gif" />
				<a href="#">活出全新的自己（…</a>
			</li>
		</ul>
	</body>
</html>
		
		
		
		
		
		
		
		
		
		
		
		
	</body>
</html>
